/* Imports */

@import url("base.css");

/* General Page Styles */

body {
  white-space: nowrap;
  overflow-x: hidden;
  overflow-y: auto;
  height: 6.2em;
  /*
  Height breakdown:
    Single-row notification table: 2.7em.
    HR bottom margin: 0.5em.
    Controls top margin: 1em.
    Controls height: 1em.
    Controls bottom margin: 1em.
  */
}

hr {
  border-top: none;
  border-bottom: 1px gray dotted;
  margin-top: 0;
}

/* Main Controls */

.main_controls {
  text-align: center;
  white-space: nowrap;
  height: 1em;
  margin-top: 1em;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 1em;
}

.main_controls>span {
  color: #849ccb;
  cursor: pointer;
  margin: 0 10px;
}

.page_controls>span {
  color: #849ccb;
  margin-left: 3.15em;
  width: auto;
  text-align: right;
  cursor: pointer;
}

.main_controls>span:hover, .page_controls>span:hover {
  text-shadow: #849ccb 0 -1px 0;
}

.main_controls>span img, .page_controls>span img {
  vertical-align: middle;
}

.main_controls>span.inactive {
  color: #999;
  cursor: default;
}

.main_controls>span.inactive:hover {
  text-shadow: none;
}

#monitor_page.inprogress {
  cursor: progress;
}

/* Loading Bar */

.loading {
  width: 100%;
}

.loading_spacer {
  height: 2.7em;
}

.loading_spacer td {
  background: url('../img/loader.gif') center 16px no-repeat;
}

/* Fixes */

.notification div {
  /* Needed to avoid jQuery animation stutter. */
  min-width: 10px;
}
